<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>志愿者服务信息网</title>
		<link rel="shortcut icon" type="image/x-icon" href="https://yst-pjyc-server.oss-cn-beijing.aliyuncs.com/datas/image/20181120/20181120103218126806518.jpg" media="screen" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="css/home.css" />
	</head>

	<body>
				<!--top头部标题栏-->
		<div id="top">
			<div class="top_show1">
				<p id="top_t">
					<span id="login">亲，请登录</span><span id="loginOut">退出</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="registe_volunteer">志愿者注册</span>/<span id="registe_team">志愿团体注册</span>
				</p>
			</div>
			<div class="top_show2">
				<div class="top_m">
					<div class="logo">
						<img src="img/logo.jpg" />
						<div class="volunteer">
							<p>
								<a class="top_tittle" href="#">天津市滨海新区志愿者服务信息网</a>
							</p>
							<p>
								<a class="top_address" href="#">www.tjbhzyz.com</a>
							</p>
						</div>

					</div>
					<div class="search">
						<p class="sousuo_type" data-id="1">活动</p>
						<div class="search_type">
							<p data-id="1">活动</p>
							<p data-id="2">团队</p>
						</div>
						<input type="text" name="info" id="info" value="" placeholder="请输入搜索内容" />
						<p id="search"><img src="img/sercher.png" /></p>
					</div>
					<div id="help">
						<p><img src="img/icon_qzzx.png" /></p>
						<p>求助中心</p>
					</div>
					<div id="phone_vl">
						<p><img src="img/icon_qzzx.png" /></p>
						<p>志愿者平台手机版</p>
					</div>
				</div>
			</div>

			<!--导航栏-->
			<div class="top_show3">
				<div id="nav">
					<p id="vl_home" class="click">网站首页</p>
					<p id="vl_active">志愿活动</p>
					<p id="vl_team">志愿团队</p>
					<p id="vl_integral">积分兑换</p>
					<p id="vl_center">志愿中心</p>
				</div>
			</div>		
		</div>
		<div id="main">
			<div class="main_top">
				<div class="main_left swiper-container">
					<div class="swiper-wrapper">
						<!--<div class="swiper-slide">
							<a href="#"><img src="img/1-1920.png" /></a>
							<p class="s_tittle">啊啥啊大家啊撒大家撒娇</p>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="img/p_250_165.png" /></a>
							<p class="s_tittle">啊啥啊大家啊撒大家撒娇</p>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="img/banner1.png" /></a>
							<p class="s_tittle">啊啥啊大家啊撒大家撒娇</p>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="img/10.jpg" /></a>
							<p class="s_tittle">啊啥啊大家啊撒大家撒娇</p>
						</div>-->
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>
				</div>
				<div class="main_right">
					<p class="right_top">
						<img src="img/icon_rdzx.png" /> 热点资讯
					</p>
					<div class="r_main">
						<!--<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span><span class="hot_name">张三</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span><span class="hot_name">张三</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span><span class="hot_name">张三</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span><span class="hot_name">张三</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span><span class="hot_name">张三</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span><span class="hot_name">张三</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span><span class="hot_name">张三</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span><span class="hot_name">张三</span></p>-->
					</div>
				</div>
			</div>
			<div class="main_bottom">
				<div class="left_bottom">
					<p class="right_top">
						<img src="img/icon_rdzx.png" /> 政策文件
					</p>
					<div class="z_main">
						<!--<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></p>
						<p class="hot_p"><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></p>-->
					</div>
				</div>
				<div class="right_bottom">
					<p class="bottom_right">
						<span class="span1 is_team" id="zyz">优秀志愿者</span>
						<span class="span1" id="zyz_team">优秀志愿团体</span>
						<span id="more">【更多内容】</span>
					</p>
					<div class="best_vl">
						<!--<div class="best_vlxq">
							<img class="xq_img" src="img/banner2.png" />
							<dl class="xq_dl">
								<dt><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></dt>
								<dd class="zhengwen">【啥卡夫卡【通开发【爱看反馈【；；；爽肤水是否是水电费水电费是否收到发送到发送到收到发送到发送到发送到收到水电费第三方收到发送到方式发送到发收到发送到发送到发送到舒服舒服收到发送到发送到是否是是否水电费是否是否是否沙发沙发上的水电费是否舒服舒服是水电费水电费是否水电费水电费收到是是的发送到发送到收到胜多负少电风扇发送收到发</dd>
							</dl>
						</div>
						<div class="best_vlxq">
							<img class="xq_img" src="img/banner2.png" />
							<dl class="xq_dl">
								<dt><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></dt>
								<dd class="zhengwen">【啥卡夫卡【通开发【爱看反馈【；；；爽肤水是否是水电费水电费是否收到发送到发送到收到发送到发送到发送到收到水电费第三方收到发送到方式发送到发收到发送到发送到发送到舒服舒服收到发送到发送到是否是是否水电费是否是否是否沙发沙发上的水电费是否舒服舒服是水电费水电费是否水电费水电费收到是是的发送到发送到收到胜多负少电风扇发送收到发</dd>
							</dl>

						</div>-->
					</div>
					<div class="best_team">
						<!--<div class="best_vlxq">
							<div class="best_vlxq">
								<dl class="xq_dl1">
									<dt><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></dt>
									<dd class="zhengwen">【啥卡夫卡【通开发【爱看反馈【；；；爽肤水是否是水电费水电费是否收到发送到发送到收到发送到发送到发送到收到水电费第三方收到发送到方式发送到发收到发送到发送到发送到舒服舒服收到发送到发送到是否是是否水电费是否是否是否沙发沙发上的水电费是否舒服舒服是水电费水电费是否水电费水电费收到是是的发送到发送到收到胜多负少电风扇发送收到发</dd>
								</dl>

							</div>
							<div class="best_vlxq">
								<dl class="xq_dl1">
									<dt><span class="dian">·</span><span class="hot_detail">公益创业先谈钱还是闲谈责任</span></dt>
									<dd class="zhengwen">【啥卡夫卡【通开发【爱看反馈【；；；爽肤水是否是水电费水电费是否收到发送到发送到收到发送到发送到发送到收到水电费第三方收到发送到方式发送到发收到发送到发送到发送到舒服舒服收到发送到发送到是否是是否水电费是否是否是否沙发沙发上的水电费是否舒服舒服是水电费水电费是否水电费水电费收到是是的发送到发送到收到胜多负少电风扇发送收到发</dd>
								</dl>

							</div>
						</div>-->
					</div>
				</div>
			</div>
			<div id="links">
				<span class="l_span">友情链接</span>links
			</div>
			<div id="l_xq">
				<p><a href="http://www.zgzyz.org.cn/">中国青年志愿者</a></p>
				<p><a href="http://www.cvf.org.cn/">中国志愿服务联合会</a></p>
				<p><a href="http://www.chinasocialwork.cn/">中国社会工作网</a></p>
				<p><a href="http://www.wyzyz.org/">中国社会组织</a></p>
				<p><a href="http://www.chinanpo.gov.cn/index.html">中国文艺志愿者</a></p>
				
			</div>
		</div>
		
		<div class="bottom">
			<div id="bottom_nav">
				<p id="link_us">联系我们</p>
				<p id="about_us">关于我们</p>
				<p id="set_home">设为首页</p>
			</div>
			<p class="bottom_p">备案号:津246541561561655天津滨海新区志愿服务网</p>
		</div>
		<!--</div>-->

	</body>
	<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
	<script src="js/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/home.js" type="text/javascript" charset="utf-8"></script>
</html>